<li class="right-item">
    <div class="right-item-head">
        <a href="/match-group-{$race.id}">
            <p class="game-logo">
                <img src="{$race.cover|default=$race['match']['pc_cover']}" data-original="{$race.cover|default=$race['match']['pc_cover']}"  alt="{$race.title}" class="transition lazy"/>
            </p>
        </a>
        <p class="game-info">
            <span class="game-title">{$race.title}</span>
            <span class="game-time game-time1">{$race.race_hour}</span>
        </p>
    </div>
    <div class="right-item-content display-box">
        <div class="right-team1 left">
            <p class="right-team1-logo">
                <img src="{$race['team'][0]['logo']}" alt="{$race['team'][0]['name']}"/>
            </p>
            <p class="team-name1">{$race['team'][0]['name']}</p>
        </div>
        <div class="game-score box-flexo">
            <div class="score-num font24">
                <b class="num1">{$race['score'][0]}</b>
                <b class="num">:</b>
                <b class="num2">{$race['score'][1]}</b>
            </div>
            <div class="schedule">
                <volist name="race.races" id="race_id" key="index">
                    <a href="/match-detail-{$race_id}">{$index}</a>
                </volist>
            </div>
        </div>
        <div class="right-team1 left">
            <p class="right-team1-logo">
                <img src="{$race['team'][1]['logo']}" alt="{$race['team'][1]['name']}"/>
            </p>
            <p class="team-name1">{$race['team'][1]['name']}</p>
        </div>
    </div>
</li>